html {font-size: 16px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;box-sizing: border-box;background-color: #fafafa;}
*, *:before, *:after {box-sizing: inherit;}
body {font-family: Palatino,"Palatino Linotype","Palatino LT STD",Georgia,source-han-serif-sc,'Source Han Serif SC','Source Han Serif CN','Source Han Serif TC','Source Han Serif TW','Source Han Serif','Songti SC','Microsoft YaHei',serif;background-color: #FFF;line-height: 1.75;margin: 0 auto;padding: 0em;min-height: 100vh;}
button, input, select, textarea, label {margin: 0;padding: 0;font-family: inherit;font-size: inherit;}
img {max-width: 100%;}
h1, h2, h3, h4, h5, h6 {padding: 0;margin: 1em 0 0.5em;line-height: 1.25;font-weight: 500;}
.main > h1:first-child{ margin-top: 0.2em; }
h1 {font-size: 2.0em;text-align: center;}
h2 {font-size: 1.6em;text-align: center;}
h3 {font-size: 1.3em;text-align: left;font-weight: 520;}
h4 {font-size: 1.2em;text-align: left;font-weight: 500;}
h5 {font-size: 1.1em;text-align: left;font-weight: 500;}
h6 {font-size: 1.0em;text-align: left;font-weight: 500;}
blockquote {
  display: block;background: #fff;padding: 1em 2em;margin: 0 0 2em;
  position: relative;font-family: Georgia, serif;font-size: 16px;line-height: 1.5;
  color: #666;text-align: justify;border-left: 15px solid #c76c0c;border-right: 2px solid #c76c0c;
  -moz-box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;box-shadow: 2px 2px 15px #ccc;
}
blockquote::before {content: "\201C";font-family: Georgia, serif;font-size: 4em;font-weight: bold;color: #999;position: absolute;left: 10px;top: 5px;}
blockquote::after {content: "";}

/* Code */
code {
  background: #f9f9f9;font-weight: 300;
  font-family: "Fira Code", Optima, roboto, Monaco,  Consolas, "Lucida Console", 'STKaiti', 'KaiTi', 'SimKai', monospace;
  text-rendering: optimizeLegibility;
}
pre, code {font-size: .92em;}
pre code {
  display: block;border: 1px solid #ddd;box-shadow: 5px 5px 5px #eee;
  padding: 0.5em;overflow-x: auto;line-height: 1.75;
  background: none;
}
p code {
  font-size: 0.85em;padding: 3px 3px 1px 3px;border-radius: 3px;
  border: 1px solid #ddd;margin: 0 1px;background-color: #FFECEC;
}
/* 设置R的输出样式 .Rmd格式文件 */
code.language-output-code, code.output-code, pre.output-code > code, pre.r + pre:not([class]) code {
  background: #FEFFFF;
  margin-bottom: 2em;
  border-left: 5px solid #ccc;
  border-right: 5px solid #ccc;
}

/* Lists */
ul, ol {padding: 0 0 0 1.5em;}
li {margin: 4px 0;padding: 0;}
/* Links */
a {
  color: #000;text-decoration: none;
  border-bottom:1px solid #000;
}
a:hover {color: #FF0033;background-image: none;}
sup a {border-bottom: none;}
strong {color: #FF6600;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid;margin: 2em auto;padding: 0;max-width: 300px;}
.copyright {text-align: center;}
.pagination, .post-nav {display: flex;justify-content: space-between;font-weight: 500;}
.nav-next {margin-left: 1em;text-align: right;}
.nav-prev {margin-right: 1em;}
.comments {margin-top: 1.75em;}
/* Layout */

body {width: 60em;}
.logo { font-size: 2em; text-align: right;}
.masthead {width: 15em;position: fixed;top: 0;left: calc((width - 60em)/2);padding: 1em 2em;/*float: left;*/
}
.main {width: 45em;margin-left: 15em;padding: 2em;border-left: 3px solid black;min-height: calc(100vh - 4em);}
#footer {text-align: center;}

/* Masthead */
.masthead h1 {margin-top: 0;margin-bottom: 0.5em;padding: 0;text-align: right;font-size: 2.8em;line-height: 1.75em;}
.masthead h1 a {border-bottom: none;}
.masthead .tagline {font-style: italic;text-align: right;}
.masthead .menu {margin-right: 1.5em;direction: rtl;}
.masthead .menu a {direction: ltr;}
.masthead .menu ul ul {list-style: none;margin-left: 10px;margin-right: 10px;}
.masthead .menu li li::before {content: "•\00a\000a0\00a0"
}

#menu-check {display: none;}
#menu-label {display: none;}
.unselectable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* Main */
.main .title h1 {margin-top: 0;margin-bottom: 40px;}
.tagline {text-align: center;}
.title h3 {font-weight: normal;text-align: center;}
.subtitle {font-size: .9em;color: #666;}
.subtitle, .meta {text-align: center;margin: 1em 0em;}

/* Footnotes */
.footnotes {font-size: .9em;}

/* Tables */
table {margin: auto;border-top: 1px solid #666;border-bottom: 1px solid #666;}
table thead th {border-bottom: 1px solid #666;}
th {font-size: 0.8em;font-weight: 530;}
td {font-weight: 100;font-size: 0.85em;padding: 0.3em;line-height: 1.4;}
thead, tfoot, tr:nth-child(even) {background: #f8f8f8;}
#tagline {text-align: center;}
/* 设置标题编号 */
#post {counter-reset: h2section;}
#post h2 {counter-reset: h3section;}
#post h3 {counter-reset: h4section;}
#post h2:before {counter-increment: h2section;content: counter(h2section, cjk-ideographic) ". ";}
#post h3:before {counter-increment: h3section;content: counter(h2section) "." counter(h3section) " ";counter-reset: h4section;}
#post h4:before {counter-increment: h4section;content: counter(h2section) "." counter(h3section) "." counter(h4section) " ";}
#post p {text-indent: 2em;}
#post p img {max-width: 100%;}
#post p.pimg {text-indent: 0em;}
/* #post p img:first-child {width: calc(100% - 2em);} */

/* 设置md toc */
.toc{ border: 1px solid #AAAAAA; padding: 1em; box-shadow: 2px 2px 3px #888;}
#TableOfContents{ padding:0em 3em;counter-reset: toc-counter;}
#TableOfContents > ul { padding-left: 0px;}
#TableOfContents > ul li {list-style: none;text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
/* 一级目录 */
#TableOfContents > ul > li > ul > li::before {counter-increment: toc-counter;content: counter(toc-counter, cjk-ideographic) ". ";}
/* 二级目录 */
#TableOfContents > ul > li > ul > li {counter-reset: toc-counter-sec;}
#TableOfContents > ul > li > ul > li > ul > li {padding-left: 2em;}
#TableOfContents > ul > li > ul > li > ul > li::before {counter-increment: toc-counter-sec;content: counter(toc-counter) "." counter(toc-counter-sec) " ";}
#TableOfContents > ul > li > ul > li > ul > li ul {display: none;}
/* 设置md toc  END */

.float-left {float: left;}
.float-right {float: right;}
.center {text-align: center;}
.back-to-top {font-size: 2em;position: fixed;right: 1em;bottom: 0;}
/**
 * -------------------------------------------------------------------------
 *  Media Queries
 * -------------------------------------------------------------------------
 *
 * The @viewport tag does the same thing as
 *
 *   <meta name="viewport" content="width=device-width">
 *
 * but in the future W3C standard way. The -ms- prefix is required for
 * IE10+ to render responsive styling in Windows 8 "snapped" views;* IE10+ does not honour the meta tag.
 */

@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/* Tablet screens and smallers */

@media screen and (max-width: 60em) {
  body {width: auto;max-width: 45em;}
  .masthead {position: relative;width: auto;float: none;padding: 1em 0 2em;text-align: center;margin-left: 10px;margin-right: 10px;border-bottom: 3px solid black;}
  .main {width: auto;padding: 40px 10px;margin-left: 0;border-left: none;min-height: auto;}
  .masthead h1 {text-align: center;}
  .masthead .menu {direction: ltr;max-width: 18em;margin-left: auto;margin-right: auto;}
  .masthead .menu ul {text-align: left;margin: 0;padding: 0;}
  .masthead .menu ul ul {margin: 0;}
  .masthead .menu li {text-align: center;list-style: none;margin: 0;padding: 0;line-height: 1.2em;}
  .masthead .menu li:first-child {border-top: 1px solid;}
  .masthead .menu li li:last-child {border-bottom: none;}
  .masthead .menu a {display: block;padding: 15px 20px;}
  .masthead .menu a:hover {background-color: #FFE;}
  .masthead .menu li li a {padding-left: 30px;}
  .masthead .menu li li::before {content: none;}
  .masthead .menu li li a::before {content: "•\00a0\00a0\00a0";}
  #menu-label {display: inline-block;padding: 0 1em;height: 2.5em;border: 1px solid #333;cursor: pointer;line-height: 2.5em;color: #333;font-size: 1.25em;margin-top: 10px;}
  #menu-label:hover, #menu-label:focus {border: 1px solid #888;background-color: #AEE;}
  #menu-label .icon {width: 1em;}
  #menu-check ~ label .close-icon {display: none;}
  #menu-check ~ label .open-icon {display: inline-block;}
  #menu-check ~ ul {display: none;}
  #menu-check:checked ~ label .close-icon {display: inline-block;}
  #menu-check:checked ~ label .open-icon {display: none;}
  #menu-check:checked ~ ul {display: block;margin-top: 50px;margin-bottom: 0;}
}

/* Landscape phone screens and smaller */

@media screen and (max-width: 720px) {}

/* Portrait phone screens */

@media screen and (max-width: 480px) {
h1 {font-size: 1.75em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h3, h4, h5, h6 {font-size: 1em;}
pre, code, pre code {font-size: 0.95em;}
pre code {line-height: 1.1;margin: 0.5em 0px;overflow-x: hidden;}
.masthead {padding-top: 0; border-bottom: none;}
#menu-label {
  text-align: center;position: fixed;padding: 0em;margin: 0em;top: 0.1px;right: 0.5em;
  width: 5em;height: 1.5em;line-height: 1.5em;font-size: 1.25em;background: #FFF;
}
.menu ul {position: fixed;top: 0;right: 0;margin-top: 0px;background-color: #EEE; }
.main { margin: 0 1em 1em 0.5em; }
#TableOfContents{ padding:0em; }
#TableOfContents > ul > li > ul > li > ul > li {padding-left: 0em;}

.list p { line-height: 1.2em; margin: 0.5em;}
.year{ display: none; }
.month{ font-size: 0.8em; }
table tr {line-height: 1;}

.author{display: none;}
}

/*
.mjx-char {font-family: Consolas,Courier,"Courier New",STKaiti,KaiTi,SimKai,monospace!important;}
*/


/* 消息框  START ---------------*/
.info, .success, .warning, .error,pre code.language-error,pre code.error {padding: 10px;margin: 10px 0;border-radius: .5em;border: 1px solid;box-shadow: 1px 1px 3px #888;}
.info:before, .success:before, .warning:before, .error:before {font-family: FontAwesome;font-style: normal;font-weight: 400;font-size: 1.75em;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale
}
.info:before {content: "✍";}
.success:before {content: '☑';}
.warning:before {content: '☠';}
.error:before {content: '☹';}
.info {color: #00529B;background-color: #BDE5F8;}
.success {color: #4F8A10;background-color: #DFF2BF;}
.warning {color: #9F6000;background-color: #FEEFB3;}
.error {color: #D8000C;background-color: #FFD2D2;}
pre code.language-error, pre code.error {
  color: #D8000C;background-color: #FFD2D2;
  position: relative;
  padding-right: 2em;
  white-space: pre-line; 
  word-wrap:break-word;
}
pre code.language-error:before, pre code.error:before {
  position: absolute;
  top: 0; right: 0.3em;
  display: block;
  font-size: 3em;
  content: '☹';
}
/* 消息框  ------------------------- END ------------*/


/* simpletoc 样式 */
#TOC{ padding:1em 3em; counter-reset: simpletoc-counter;border: 1px solid #AAAAAA; box-shadow: 2px 2px 3px #888;}
#TOC div {text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
#TOC .TOCLevel1{ counter-reset: simpletoc-counter2;}
#TOC .TOCLevel1::before{counter-increment: simpletoc-counter;content: counter(simpletoc-counter, cjk-ideographic) ". ";}
#TOC .TOCLevel2 {
  padding-left:2em;
}
#TOC .TOCLevel2::before{
  counter-increment: simpletoc-counter2;content: counter(simpletoc-counter) "." counter(simpletoc-counter2) " ";
}







